<template>
    <div class="inter">
        <mem-search-item-top :item="item"></mem-search-item-top>
        <div class="space"></div>
        <mem-search-item-sec :item="item"></mem-search-item-sec>
        <!--<div class="space"></div>-->
        <!--<mem-search-item-thr :item="item"></mem-search-item-thr>-->
    </div>
</template>

<script type="text/ecmascript-6">
  import MemSearchItemTop from '@/components/spread/MemSearchItemTop';
  import MemSearchItemSec from '@/components/spread/MemSearchItemSec.vue';
  import MemSearchItemThr from '@/components/spread/MemSearchItemThr.vue';
  export default {
    name: `member-list-item`,
    props: {
      item: {
        type: Object
      },
      index: {
        type: Number
      }
    },
    components: {
      MemSearchItemTop, MemSearchItemSec, MemSearchItemThr
    },
    data() {
      return {
//        item: this.item,
        icon: 'icon',
        state_p: '查看上级',
        m_b: 'm_b'
      };
    },
    created() {},
    methods: {
      sort2Fun() {
        console.log('测试');
        // 切换排序方法2
        this.item.closeState = !this.item.closeState;
        if (this.item.closeState) {
          this.state_p = '收起';
        } else {
          this.state_p = '查看上级';
        }
      },
      goOrderList(typeId) {
        // 查看订单按钮
        this.$router.push({name: 'menberlistorderlist', params: {typeId: typeId}});
      }
    }
  };
</script>

<style lang="stylus" rel="stylesheet/stylus" scoped>
    @import "../../assets/stylus/main.styl"
    .space {
        space()
    }

    .inter {
        width 100vw;
        padding: 0 3vw;
        flex-y();
        box-sizing: border-box;
    }

    .sort {
        transform: rotate(180deg);
    }

    .icon {
        width: 3vw
    }

    .min_s {
        word(13px, #666)
    }

    .min_sp {
        word(16px, #666)
    }

    .main_t {
        word(16px, #000)
    }
</style>
